<template>
	<view class="content">
		
		<!-- 底部悬浮购物车 -->
<!-- 		<u-transition :show="showShopping" @click="toCart">
		        <view class="transition" :style="transitionStyle">
					<u-icon name="shopping-cart" color="#000000" size="50" label="购物车" labelPos="buttom">
					</u-icon>
				</view>
		</u-transition> -->
		
		

		<!-- <view> -->
			<!-- <u-picker :show="show1" :columns="columns" :defaultIndex='[location]' @confirm="getArea()" @cancel="closeFun()"></u-picker> -->
		<!-- </view> -->
		
		
		<!-- 搜索框 -->
		<view class="head">
			<u-row>
				<u-col span="10" offset=".4">
					<Tabs :tabsC="tabsC" @bindhandleItemChange="handleItemChange">
					     <!-- 
					      <block v-if="tabsC[1].isActive">
					      </block> -->
					</Tabs>
				</u-col>
				<u-col span="2" offset="1">
						<view class="searchIcon">
							<u-icon  @click="changeAssOpen" :bold="true" name="search" color="#ff470a" size="68rpx"></u-icon>
						</view>
				</u-col>
			</u-row>
		</view>
		<u-popup :show="show1" :round="10" mode="center" :closeOnClickOverlay='false' >
		   
				<view class="msg">
					<view class="Title">
						请选择正确的校区，以确保展示不同校区的商品，若要修改，可到个人中心页面修改
					</view>
				<view class="button1">
					<u-button type="info" shape='circle' plain text="海珠校区"  color="#fd4f02"
					@click="getArea(0)"></u-button>
				</view>
				<view class="button2">
					<u-button type="info" shape='circle' plain text="白云校区"  color="#fd4f02"
					@click="getArea(1)"></u-button>
				</view>	
					
				</view>
		   
		</u-popup>
		<view class="textCss">
			猜你想买
		</view>
		<block v-if="tabsC[0].isActive">
		<twohandbook v-bind:bookList="bookList"class="twohandbook"></twohandbook>
		<view class="bgImg" v-if="bookList.length==0">
			<image src="http://1.14.247.152:9797/images/11737kongtishi.png" mode="widthFix"></image>
		</view>
		</block>
		<block v-if="tabsC[1].isActive">
			<view class="classifyBtn">
				<view class="itemBtn" v-for="(item,index) in itemBtnList">
					<u-button type="primary" shape="circle" color='#fd4f02' size='normal' :plain="item.plain" :text="item.text" @click='clickEvent(index)'></u-button>
				</view>
			</view>
			<goodsListIndex :goodsListIndex="goodsListIndex"></goodsListIndex>
			
		</block>
		
	
	<u-popup :show="show" mode="bottom" :round="10"  @close="close" @open="open">
		<view class="car-count">
			<view  class="car-list">
				<view v-if="carList.length != 0">
					<view @click="clearCart()">
						<view style="left: 600rpx;position: absolute;"><u-icon name="trash-fill" color="#2979ff" size="28">
						</u-icon></view>
						<view style="margin-left: 630rpx;
									position: absolute;
									top: 35rpx;">清空</view>
					</view>
					<view class="list" v-for="(itm) in carList" :key="itm.id" @touchstart.prevent="touchstart(itm.id,itm.book_name)" @touchend.prevent="touchend">
						<view class="car-mes centerboth">
							<view class="mes-box">
								<view class="row">
									<view class="g-name line2">{{itm.bookName}}</view>
									<!-- <view class="publisher" style="background-color: '[itm.condition== '8~9成新'? #DC143C': '#BA55D3']';">{{itm.condition}}</view> -->
									
								</view>
								<view class="row">
									<view class="gz-box"><text>{{itm.isbn}}</text></view>
									<view class="publisher"><text>{{itm.publisher}}</text></view>
									<view class="gz-box"><text>{{itm.priceMode}}</text></view>
								</view>
								<view class="price-change-num clearfix">
									<view class="price"><text class="yj-price">{{itm.location}}</text></view>
									<view class="condition" v-if="itm.chengse == '0'">(8~9成新)</view>
									<view class="condition" v-if="itm.chengse == '1'">(5~7成新)</view>
									<view class="condition" v-if="itm.chengse == '2'">(3~4成新)</view>
									<view>
										<!-- <view class="cut" @click="cut(itm)">
											<u-icon name="minus-circle" color="#5db4f4" size="28"></u-icon>
										</view>
										<view class="amount">{{itm.amount}}</view>
										<view class="add" @click="add(itm)">
											<u-icon name="plus-circle-fill" color="#5db4f4" size="28"></u-icon>
										</view> -->
										<view class="numberCss">
											<u-number-box 
												:disabledInput = 'true'
												:longPress = 'false'
												button-size="25"
												color="#ffffff"
												bgColor="#3c9cff"
												iconStyle="color: #000000"
												@change="onChange"
											></u-number-box>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view v-else>
					<view>您还未选购教材</view>
					<!-- <button @click="open">打开弹窗</button>
					<uni-popup ref="popup" type="bottom">底部弹出 Popup</uni-popup> -->
				</view>
			</view>
			<view class="car-bottom-btn">
				<view>
					<view class="js-btn centerboth">
						<u-button type="primary" @click="Purchase()" text="确定" size="large">匹配</u-button>
					</view>
				</view>
			</view>
		</view>
	</u-popup>
	</view>
</template> 

<script>
	export default {
		data() {
			return {
				show1:false,
				location:1,
				xiaoquList:["海珠校区","白云校区"],
				carList:[],
				itemBtnList:[
				{text:'全部',plain:false},
				{text:'生活用品',plain:true},
				{text:'体育器材',plain:true},
				{text:'学习用品',plain:true},
				{text:'其它',plain:true}],
				// show:false,
				keyword: '',
				// title: 'Hello',
				bookList: [],
				goodsListIndex:[],
				classifyId:0,
				preScrollTop: '',
				showShopping: true,
				buttomShow: false,
				screenHeightRpx: '',
				transitionStyle: '',
				chooseButton: "",
				bookNumber: 0,
				bookDetailName: "",
				bookDetailIsbn: "", 
				stockList: [],
				ChooseAear:"海珠校区",
				ChooseAearShow:false,
				columns: [
					['海珠校区', '白云校区']
				],
				ChooseQuaShow:false,
				AssociationList:'',
				AssociationListShow:false,
				L:'0',
				C:'0',
			}
		},
		  computed:{
		   tabsC:{
		    get(){
		     return [
		    {
		     id:0,
		     name:"二手教材",
		     isActive:true
		    },
		    {
		     id:1,
		     name:"闲置物品",
		     isActive:false
		    }
		   ]
		    },
		    set(){
		     this.$forceUpdate()
		    }
		    
		   }
		  },
		async onPullDownRefresh() {
			let vm = this
			let header = new Object
			header.Authority = getApp().globalData.Authority
			console.log('header.Authority:',header.Authority)
			uni.showLoading({
				title: '加载中'
			})
			let data1 = await getApp().UniRequest("/twohandbook/user/authority/isBindLocation","GET","",header)
			console.log(data1.code)
			if(data1.code==20000){
				let res = await getApp().UniRequest("/twohandbook/userBook/authority/getNeedTextBookByChengse","GET","",header)
				if (res.code == 20000){
					vm.bookList = res.data.data
					vm.limitNumber()
					wx.stopPullDownRefresh()
					uni.hideLoading()
					uni.showToast({
						title:'刷新成功',
						duration:1000
					});
					
				}
			}
		},
		async onLaunch() {
		    //console.log("onLaunch");
		 },
		async onLoad() {
			
			// wx.hideTabBar() 
			let vm = this
			vm.quickLogin();
			// console.log('index里面的getApp().globalData.location',getApp().globalData.location)???
			uni.getSystemInfo({
				success(res) {
					let screenWidth = res.screenWidth
					let screenHeight = res.screenHeight
					let ratio = 750/screenWidth
					let height = screenHeight * ratio
					getApp().globalData.screenHeightRpx = height
					console.log("rpx"+getApp().globalData.screenHeightRpx)
				}
			})
			getApp().watch("screenHeightRpx",(data)=>{
				console.log("改变了="+data)
				this.transitionStyle = "top: "+data*0.67+"rpx;"
			})
			uni.showLoading({
				title: '加载中'
			})
			// this.show1 = true;
			// uni.hideLoading()
			// this.getIndexGoodsList()
		},
		async onShow(){
			let vm = this
			let header = new Object
			header.Authority = getApp().globalData.Authority
			console.log('header.Authority:',header.Authority)
			this.getIndexGoodsList()
			let data1 = await getApp().UniRequest("/twohandbook/user/authority/isBindLocation","GET","",header)
			console.log('data1.codeshowwwww',data1)
			if(data1.code==20000){
				let res = await getApp().UniRequest("/twohandbook/userBook/authority/getNeedTextBookByChengse","GET","",header)
				if (res.code == 20000){
					vm.bookList = res.data.data
					vm.limitNumber()
				}
			}
			
		},
		onUnload() {
			console.log("关了")
		},
		onPageScroll : function(e) { //nvue暂不支持滚动监听，可用bindingx代替
			let vm = this
			if (e.scrollTop > vm.preScrollTop){
				vm.showShopping = false
				
			}else{
				vm.showShopping = true
			}
			vm.preScrollTop = e.scrollTop
		},
		methods: {
			clickEvent(index){
				console.log('索引：：：',index)
				 this.classifyId=index;
				 this.getIndexGoodsList()
				 this.itemBtnList.forEach((item,i)=>{
					 if(i==index){
						 item.plain=false
					 }else{
						 item.plain=true
					 }
				 })
				 
				 // this.$forceUpdate()
			},
			async getIndexGoodsList(){
				let header = new Object
				header.Authority = getApp().globalData.Authority
				let res = await getApp().UniRequest('/twohandbook/goods?classifyId='+this.classifyId+'&page=1','GET','',header)
				console.log('this.classifyId',this.classifyId)
				console.log('获取首页分类商品信息',res.data.list)
				if(res.code==20000){
					this.goodsListIndex = res.data.list
					
				}
			},
			handleItemChange(index){
			    console.log('父组件接收到的index',index);
			    var arr = this.tabsC
			    console.log(this.tabsC)
			    this.tabsC = arr.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false)
			   },
			async closeFun(){
				console.log('closeFun()触发了');
				this.show1= false;
				wx.showTabBar()
				let header = new Object
				header.Authority = getApp().globalData.Authority
				let defaultLocation = await getApp().UniRequest("/twohandbook/user/authority/defaultLocation","GET","",header)
				 console.log('defaultLocation:',defaultLocation)
				this.location = getApp().globalData.location = defaultLocation.data.location;
				 
				 let toBindLocation = await getApp().UniRequest("/twohandbook/user/authority/toBindLocation?location="+this.location,"GET","",header)
				 console.log('closeFun里面的toBindLocation',toBindLocation)
				 this.getBookBylocation();
				// this.quickLogin()
			},
			//自动登录函数
			async quickLogin(){
				let vm = this
				wx.login().then(async (res) =>{
					let body = new Object()
					body.code = res.code
					let data = await getApp().UniRequest("/twohandbook/user/quicklyLogin","POST",body,"");
					console.log('自动登录函数data',data)
					if (data.code == 20000){
						getApp().globalData.Authority = data.data.Authority
						let header = new Object
						header.Authority = data.data.Authority
						getApp().globalData.header = header
						getApp().globalData.openid = data.data.user.openid
						getApp().globalData.wxNumber = data.data.user.wxNumber
						getApp().globalData.location = data.data.user.location
						getApp().globalData.avatarUrl = data.data.user.avatarUrl
						getApp().globalData.nickName = data.data.user.nickName
						// let isBindWx = await getApp().UniRequest("/twohandbook/user/authority/isBindWx","GET","",header)
						// console.log('isBindWx$$$$',isBindWx)
						// if(isBindWx.code==20000){
						// 	getApp().globalData.avatarUrl = data.data.user.avatarUrl
						// 	getApp().globalData.nickName = data.data.user.nickName
						// 	console.log('getApp().globalData.avatarUrl',getApp().globalData.avatarUrl)
						// }
						// else{
						// 	getApp().globalData.avatarUrl = 'http://1.14.247.152:9797/images/18475header.jpg'
						// }
					
						
						// vm.getNeedTextBook()
						// let header = new Object
						
						header.Authority = getApp().globalData.Authority
						let defaultLocation = await getApp().UniRequest("/twohandbook/user/authority/defaultLocation","GET","",header)
						 console.log('defaultLocation:',defaultLocation)
						 this.location = defaultLocation.data.location;
						console.log('header.Authority:',header.Authority)
						let data1 = await getApp().UniRequest("/twohandbook/user/authority/isBindLocation","GET","",header)
						console.log('******data1.code******',data1.code)
						if(data1.code==20000){
							// 在页面中定义插屏广告
							let interstitialAd = true
							
							// 在页面onLoad回调事件中创建插屏广告实例
							if (wx.createInterstitialAd) {
							  interstitialAd = wx.createInterstitialAd({
							    adUnitId: 'adunit-87f30d87099dc920'
							  })
							  interstitialAd.onLoad(() => {})
							  interstitialAd.onError((err) => {})
							  interstitialAd.onClose(() => {})
							}
							
							// 在适合的场景显示插屏广告
							  interstitialAd.show().catch((err) => {
							    console.error(err)
							  })
							
							let res = await getApp().UniRequest("/twohandbook/userBook/authority/getNeedTextBookByChengse","GET","",header)
							if (res.code == 20000){
								 uni.hideLoading()
								 vm.bookList = res.data.data
								 vm.limitNumber()
							}
						}
						else{
							this.show1=true;
							uni.hideLoading()
							wx.hideTabBar() 
						}
					}
				})
			},

			async getArea(index){
				//console.log('@@@@@',index)
				getApp().globalData.location = this.location = index
				let header = new Object
				header.Authority = getApp().globalData.Authority
				let toBindLocation = await getApp().UniRequest("/twohandbook/user/authority/toBindLocation?location="+this.location,"GET","",header)
				console.log('getArea里面的toBindLocation',toBindLocation)
				// this.quickLogin()
				this.show1 = false
				wx.showTabBar()
				uni.getUserProfile({
					desc: '用于展示头像',
					async success(res) {
						let user = new Object()
						getApp().globalData.nickName =user.nickName = res.userInfo.nickName
						getApp().globalData.avatarUrl = user.avatarUrl = res.userInfo.avatarUrl
						getApp().globalData.user = user
						let body = new Object()
						body.nick_name = user.nickName
						body.avatar_url = user.avatarUrl
						let data = await getApp().UniRequest("/twohandbook/user/authority/updateNamePc","POST",body,header)
					}
				})
				this.getBookBylocation();
			},
			// //根据地区展示书的函数
			 async getBookBylocation(){
				 let vm = this
				 console.log('getBookBylocation。。。')
				 // console.log(this.ChooseAear)
				 // if(this.ChooseAear=="海珠校区"){
					//  this.L='0'
				 // }else{
					//  this.L='1'
				 // }
				 // let body= new Object
				 // body.chengse=this.C,
				 // body.location=this.L,
				 // console.log(body)
				 let header = new Object
				 header.Authority = getApp().globalData.Authority
				 console.log('header.Authority:',header.Authority)
				 let data1 = await getApp().UniRequest("/twohandbook/user/authority/isBindLocation","GET","",header)
				 console.log(data1.code)
				 if(data1.code!==20000){
					 vm.show1 = true;
					 uni.hideLoading()
					 wx.hideTabBar()
					// let bb = await getApp().UniRequest("/twohandbook/user/authority/toBindLocation?location=${this.location}","GET","",header);
					// console.log('bb:',bb)
				 }
				 let res = await getApp().UniRequest("/twohandbook/userBook/authority/getNeedTextBookByChengse","GET","",header)				 
				 if (res.code == 20000){
					 vm.bookList = res.data.data
					 vm.limitNumber()
				 }
				
			},
			touchend() {
			　　clearInterval(this.Loop);
			
			},
			async Purchase(){
				let header = new Object
				header.Authority = getApp().globalData.Authority
				let body = new Object
				body.priceMode="0" ;
				let data = await getApp().UniRequest('/twohandbook/buyBookRecord/authority/buyBook','GET',body,header)
				console.log(data)
			},
			open() {
				this.getData()
				console.log('打开了。。。');
			},
			close() {
				this.show = false
				console.log('关闭了。。。');
			},
			async search() {
				let data = await getApp().UniRequest("/twohandbook/textbook/fuzzyQuery?pattern=java","GET","","")
				console.log(data)
				if (data.code == 20000){
					getApp().globalData.searchList = data.data.data
					uni.navigateTo({
						url: "../searchPage/searchPage"
					})
				}
			},
			listDot(){
				let vm = this
				vm.buttomShow = true
			},
			buttomShowClose() {
			    this.buttomShow = false
			},
			SelectArea(){
				this.ChooseAearShow=true;
			},
			SelectQua(){
				this.ChooseQuaShow=true;
			},
			changeAssClose(){this.AssociationListShow=false},
			changeAssOpen(){
				console.log("哈哈哈哈")
				// if(this.keyword==''){
				// 	this.AssociationList=[]
				// }
				// this.AssociationListShow=true
				uni.navigateTo({
					url: '../searchAll/searchAll'
				})
			},
			limitNumber(){
				let vm = this
				vm.bookListShow = new Array()
				console.log( 'vm.bookList',vm.bookList);
				// for (let i=0;i<vm.bookList.length;i++){
				// 	let object = new Object
				// 	object.stock = vm.bookList[i].stock
				// 	let name = vm.bookList[i].book_name
				// 	//console.log(name)
				// 	if (name.length >= 11){
				// 		name = name.slice(0,9)+"..."
				// 	}
				// 	object.book_name = name
				// 	vm.bookListShow.push(object)
				// }
			},
			async getSearchBook(val){
				if(this.keyword==''){this.AssociationListShow=false;}
				console.log(this.keyword);
				var  Association= await getApp().UniRequest(`/twohandbook/textbook/fuzzyQuery?pattern=${this.keyword}`,"GET","","")
					console.log(Association)
								if (Association.code == 20000){
									this.AssociationList=[]
									// console.log(Association.data.data.length)
									for(let i=0;i<Association.data.data.length;i++)
									{
										// console.log(Association.data[i])
										this.AssociationList.push(Association.data.data[i])
									}
									console.log(this.AssociationList)
									this.AssociationListShow=true;
									// console.log(this.AssociationList)	
								}
			},
			async AssChangeKey(val){
				// this.keyword=val
				console.log(`/twohandbook/userBook/authority/addBookToPublishByFuzzyQuery?bookId=${val}`)
				let header = new Object
				header.Authority = getApp().globalData.Authority
				var appendAss=await getApp().UniRequest(`/twohandbook/userBook/authority/addBookToIndexByFuzzyQuery?bookId=${val}`,"GET","",header)
				console.log(appendAss)
				if(appendAss.code==20000){
					this.getNeedTextBook();
				}
			},
			closeBookDetail(){
				let vm = this
				vm.bookDetailShow = false
				vm.chooseButton = ""
				vm.bookNumber = 0
				vm.bookDetailName = ""
				vm.bookDetailIsbn = ""
				vm.stockList = []
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f0f0f0;
	}
	// .u-popup__content.data-v-52d4ddd1 {
	//     width: 90%;
	// }
	.content {
		// display: flex;
		// flex-direction: column;
		// align-items: center;
		// justify-content: center;
		.msg{
			width: 575rpx;
			border-radius: 30rpx;
			margin: 10rpx auto;
			font-size: 31rpx;
			letter-spacing: 4rpx;
			font-weight: 600;
		}
		.Title{
			width: 94%;
			margin: 0 auto;
			text-align: center;
		}
		.button1{
			width: 77%;
		    margin: 38rpx auto;
		}
		.button2{
			width: 77%;
			margin: 10rpx auto;
			
		}
		.transition{
			position: fixed;
			width: 150rpx;
			height: 150rpx;
			// top: 1100rpx;
			left: 70rpx;
			z-index: 100;
			border-radius: 75rpx;
			background-color: #fbfbfb;
		}
		
		.classify{
			
			height: 500rpx;
			
			.first{
				position: relative;
				top: 20rpx;
				left: 20rpx;
				
				.firstFont{
					font-size: 35rpx;
				}
				
				.firstClassify{
					display: flex;
					.firsButton{
						margin: 20rpx;
						width: 150rpx;
						height: 45rpx;
						background-color: #ebebeb;
						text-align: center;
						border-radius: 20rpx;
					}
				}
			}
		}
		
		.twohandbook{
			width: 100%;
		}
		
		.head{
			position: sticky;
			top: 0rpx;
			width: 100%;
			background-color: #ffffff;
			z-index: 100;
			 box-shadow: #666 0px 0px 6px;
			
				.searchIcon{
					margin-left: -44%;
					margin-top: -15rpx;
				}
			
			.list-dot{
				position: relative;
				left: 30rpx;
				top: -45rpx;
			}
		}
		.textCss{
			    color: #f97272;
			    font-weight: 551;
			    margin: 20rpx 0;
			    margin-left: 15rpx;
			    font-size: 30rpx;
			    letter-spacing: 6rpx;
		}
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.numberCss{
		margin-left: 450rpx;
		margin-top: -47rpx;
	}
	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	
	.u-button--plain.u-button--primary.data-v-3bf2dba7{
		width: 209rpx !important;
		height: 50rpx !important;
		font-size: 30rpx;
		display: inline-block;
		margin-left: 70rpx;
		color: #3c9cff !important;
		border-color: #3c9cff;
		border:3px solid;
	}
	._select{
		margin-top: 5%;
		display: inline-block;
	}
	.AssociatioPosition{
		position: fixed;
		z-index: 101;
		top: 174rpx;
		background-color: #FFFFFF;
	}
	.AssociationListItem{
		margin-top: 5rpx;
		margin-bottom: 17rpx;
		margin-left: 125rpx;
		
		// align-content: center;
	}@font-face {
	  font-family: 'iconfont';  /* project id 1143282 */
	  src: url('https://at.alicdn.com/t/font_1143282_zy7677qexck.eot');
	  src: url('https://at.alicdn.com/t/font_1143282_zy7677qexck.eot?#iefix') format('embedded-opentype'),
	  url('https://at.alicdn.com/t/font_1143282_zy7677qexck.woff2') format('woff2'),
	  url('https://at.alicdn.com/t/font_1143282_zy7677qexck.woff') format('woff'),
	  url('https://at.alicdn.com/t/font_1143282_zy7677qexck.ttf') format('truetype'),
	  url('https://at.alicdn.com/t/font_1143282_zy7677qexck.svg#iconfont') format('svg');
	}
	
	
	.manage-btn {
		width: 100%;
		height: 75rpx;
		background: #FFFFFF;
		text-align: right;
	}
	
	.manage-btn text {
		font-size: 30rpx;
		color: #76a28c;
		line-height: 75rpx;
		padding: 0 24rpx;
	}
	
	

	.all-sel-btn {
		height: 100%;
		float: left;
	}
	.all-sel-btn .iconfont{
		margin-right: 10rpx;
		color: #76a28c;
	}
	
	.car-list {
		width: 100%;
		padding: 24rpx 24rpx 0 24rpx;
	}
	
	.car-list .list {
		height: 150rpx;
		width: 100%;
		// padding: 80rpx 80rpx 80rpx 0;
		display: flex;
		background: #FFFFFF;
		border-radius: 10rpx;
		/* border-bottom: 1px solid #F5F5F5; */
		border-bottom: 1px solid #1E90FF;
		padding-block: 65rpx;
	}
	.car-list .list:nth-child(1){
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.car-list .list:nth-last-child(1){
		margin: 0;
	}
	
	.car-list .list .btn {
		width: 70rpx;
		height: 190rpx;
	}
	.car-list .list .btn .iconfont{
		color: #76a28c;
		font-size: 38rpx;
	}

	.car-list .list .car-img {
		width: 190rpx;
		height: 190rpx;
		border-radius: 10rpx;
	}
	
	.car-list .list .car-mes {
		flex: 1;
		margin-left: 20rpx;
	}
	
	.car-list .g-name {
		font-size: 38rpx;
		font-weight: bold;
		color: #2a2a2a;
		/* height: 38rpx; */
	}
	
	.car-list .mes-box {
		width: 100%;
	}
	
	.car-list .gz-box {
		font-size: 26rpx;
		color: #999999;
		margin: 10rpx 0;
	}
	
	.car-list .mes-box .price {
		color: #ff5621;
		font-weight: bold;
		font-size: 24rpx;
	}
	
	.car-list .mes-box .yj-price {
		font-size: 36rpx;
		color: #3c9cff;
	}
	
	.car-list .price .num {
		color: #2a2a2a;
		font-size: 28rpx;
		font-weight: normal;
		float: right;
	}
	
	.car-list .num-box {
		float: right;
	}
	
	
	/* .car-list .num-box view {
		width: 60rpx;
		text-align: center;
		height: 50rpx;
		line-height: 50rpx;
		font-size: 30rpx;
		color: #2A2A2A;
		margin: 0 10rpx;
	} */
	
	.price-change-num .price {
		float: left;
	}
	
	.car-bottom-btn {
		position: fixed;
		width: 100%;
		height: 100rpx;
		background: #FFFFFF;
		left: 0;
		bottom: 0;
		z-index: 6;
		box-shadow: 0px -5px 10px -5px #d0d0d0;
		padding: 0 300rpx 0 40rpx;
		display: flex;
		justify-content: space-between;
	}
	.car-bottom-btn .all-cost{
		margin-right: 200rpx;
	}
	.car-bottom-btn .all-cost .icon{
		font-size: 28rpx;
		margin-top: 5rpx;
	}
	.car-bottom-btn text {
		color: #ff5621;
		font-size: 38rpx;
		line-height: 80rpx;
	}
	.car-btn-box{
		position: absolute;
		right: 0;
		height: 100%;
		z-index: 9;
		top: 0;
	}
	.car-btn-box view{
		width: 150rpx;
		height: 100%;
		cursor: pointer;
	}
	.del-btn{
		background: red;
		color: #FFFFFF;
	}
	.js-btn{
		position: fixed;
		width: 180rpx;
		font-size: 40rpx;
		right: 80rpx;
		background: #6495ED;
		border-radius: 30%;
		color: 	#DC143C;
	}
	.shop-mes{
		padding: 20rpx;
		background: #FFFFFF;
		border-bottom: 1px solid #F5F5F5;
	}
	.shop-mes .iconfont{
		font-size: 38rpx;
		margin-right: 20rpx;
		color: #76a28c;
	}
	.shop-mes .name-mes{
		float: left;
	}
	.cut{
		position: absolute;
		right: 150rpx;
		margin-top: -5rpx;
	}
	.amount{
		position: absolute;
		right: 115rpx;
		height: 46rpx;
		margin-top: 4rpx;
		background: #ebebeb;
		width: 36rpx;
		text-align: center;
	}
	.add{
		position: absolute;
		right: 50rpx;
		margin-top: -5rpx;
	}
	.row{
		display: flex;
		flex-direction: row;
	}
	.publisher{
		font-size: 26rpx;
		color: #999999;
		margin: 10rpx 30rpx;
	}
	.condition{
		width: 120rpx;
		height: 50rpx;
		border-radius: 30rpx;
		text-align: center;
		font-size: 27rpx;
		color: #000000;
		position: relative;
		left: 250rpx;
		bottom: 41rpx;
		/* margin: 10rpx 30rpx; */
	}
	.bgImg{
		width: 70%;
		margin: 100rpx auto;
		image{
			width: 100%;
			
		}
	}
	.classifyBtn{
		display: flex;
		width: 100%;
		margin: 28rpx auto;
		justify-content: space-between;
		.itemBtn{
			// padding: 2rpx;
			// width: 110rpx;
		}
		
	}
</style>